﻿@section title
{
    我的鲜享卡
}
@section pagetitle
{
    我的鲜享卡
}

@section header{
    <style>
        .btn-add {
            background-color: #fcfcfc;
            border: 1px dotted #e0e0e0;
            margin-bottom: 15px;
            padding: 25px 0;
            color: #aaa;
        }
            .btn-add i {
                display: block;
                margin: 0 auto 10px;
                font-size: 20px;
            }
        .cardList {
            padding: 10px;
            
        }
            .cardList dl {
                margin: 0 0 10px 0;
                border: 1px solid #e0e0e0;
                border-radius: 5px;
                padding: 15px;
                height: 100px;
                position: relative;
            }
            .cardList dd {
                padding: 0 0 0 60px;
            }
            .cardList dt {
                width: 80px;
                height: 80px;
                position: absolute;
                top: 10px;
                left: 0;
            }
            .cardList dd h3 {
                font-size: 24px;
                color: #005932;
                padding: 0 0 10px 0;
            }
            .cardList dd h5 {
                font-size: 14px;
                margin: 0;
            }
    </style>
}

@using Kevin.Shop.Business.Service.Entity.FinanceManagement.Balance
@using Kevin.Shop.Business.Service.Entity.FinanceManagement.Enumerations
@model List<UserPaymentCard>

<div class="viewport">
    <div class="scroll-area">
        @if (Model != null && Model.Count > 0)
        {
            <div class="cardList">
                @foreach (var card in Model)
                {
                    <dl>
                        <dt><img src="~/Themes/RongJi/Style/base/imgs/xxcard.png"></dt>
                        <dd>
                            @*<div class="TitleRight  mr5 mt10">
                                    <a class="btn btn-success" href="#">余额</a>
                                    <a class="btn btn-danger btn-block mt20" href="#" data-theme="a" data-role="button">送朋友</a>
                                </div>*@
                            <h3>余额: @card.Balance</h3>
                            <h5>卡号:@card.CardNumber</h5>
                        </dd>
                    </dl>
                }

                <a class="btn btn-add btn-full" href="AddPaymentCard"><i class="glyphicon glyphicon-plus"></i>添加鲜享卡</a>
                @if (Model.Any(card => card.Type == PaymentCardType.WithInterests))
                {
                    <a class="btn btn-danger btn-full" href="BalanceAccount">我的鲜享余额</a>
                }

            </div>

        }
        else
        {

            <div class="mt20 ml10 mr10">
                <a class="btn btn-add btn-full" href="AddPaymentCard"><i class="glyphicon glyphicon-plus"></i>添加鲜享卡</a>
            </div>
        }

    </div>
</div>